<!-- eslint-disable vue/multi-word-component-names -->
<!--
 * @Author: 王博文 && 1392750385@qq.com
 * @Date: 2024-08-16 14:18:50
 * @LastEditors: 王博文
 * @LastEditTime: 2024-08-17 11:45:17
 * @Description: 日拱一卒无有尽,功不唐娟终入海
 * @FilePath: \web-wbw\wbw\src\views\Qsym\Qsym.vue
-->
<template>
  <div class="box">

    <div class="page">
      <van-swipe :autoplay="3000" lazy-render>
        <van-swipe-item v-for="image in images" :key="image">
          <router-link to="./shou"><img :src="image" /></router-link>
        </van-swipe-item>
      </van-swipe>
    </div>

  </div>
</template>

<script setup lang="ts">
//轮播图数据
const images = [
  '../src/assets/image/qs.png',
  '../src/assets/image/yd1.png',
  '../src/assets/image/yd2.png',
  '../src/assets/image/yd3.png',
  '../src/assets/image/yd4.png',
  '../src/assets/image/yd5.png',
];
</script>

<style scoped lang="scss">
//轮播图图片
img {
  width: 100%;
  height: 100%;
  position: relative;
}
</style>